<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>业管推送和结算状态信息</title>
    <style type="text/css">
        .table {
            width: 80%;
            margin: 20px auto;
            border: 1px solid #ccc;
        }

        .table-title {
            font-size: 13px;
            line-height: 32px;
            padding-left: 10px;
        }

        .table-title-h2 {
            font-size: 14px;

        }

        .line {
            display: inline-block;
            height: 14px;
            width: 3px;
            background: royalblue;
        }

        .table-header div {
            display: inline-block;
            text-align: center;
            font-size: 12px;
        }

        .table-header div:first-of-type {
            width: 20%;
        }

        .table-header div:nth-of-type(2) {
            width: 20%;
        }

        .table-header div:nth-of-type(3) {
            width: 10%;
        }

        .table-header div:nth-of-type(4) {
            width: 10%;
        }

        .table-header div:nth-of-type(5) {
            width: 25%;
        }

        .table-header div:nth-of-type(6) {
            width: 10%;
        }

        .headers {
            margin: 30px 0;
        }

        .table-content {
            margin-bottom: 15px;
        }

        .table-content:last-of-type {
            margin-bottom: 25px;
        }
    </style>
</head>


<body>
<div>
    <div class="table">
        <div class="table-title">
            <h2 class="table-title-h2">
                <span class="line"></span>
                <span>应收凭证信息</span>
            </h2>
        </div>
        <div class="table-header headers">
            <div>收入明细表编码</div>
            <div>准凭证号</div>
            <div>佣金收入(不含税)</div>
            <div>收入状态</div>
            <div>付款人</div>
            <div>推送时间</div>
        </div>
        <div class="table-header table-content" th:each="commission:${commissions}">
            <div th:text="${commission.pageNo}"/>
            <div th:text="${commission.voucherNo}"/>
            <div th:text="${commission.nonTaxIncomeMoney}"/>
            <div th:if="${commission.voucherStatus} eq '01'">未生成凭证</div>
            <div th:if="${commission.voucherStatus} eq '02'">初始化</div>
            <div th:if="${commission.voucherStatus} eq '03'">成功（暂存）</div>
            <div th:if="${commission.voucherStatus} eq '04'">成功（已提交）</div>
            <div th:if="${commission.voucherStatus} eq '05'">成功（已审核）</div>
            <div th:if="${commission.voucherStatus} eq '06'">失败</div>
            <div th:if="${commission.voucherStatus} eq '07'">删除</div>
            <div th:text="${commission.payerName}"/>
            <div th:text="${commission.ddDate}"/>
        </div>
    </div>

    <div class="table">
        <div class="table-title">
            <h2 class="table-title-h2">
                <span class="line"></span>
                <span>业务结算信息</span>
            </h2>
        </div>
        <div class="table-header headers">
            <div>结算单号</div>
            <div>结算生成时间</div>
            <div>结算金额</div>
            <div>结算状态</div>
            <div>付款人</div>
            <div>开票时间</div>
        </div>
        <div class="table-header table-content" th:each="settlement:${settlements}">
            <div th:text="${settlement.settlementCode}"/>
            <div th:text="${settlement.settlementCreateDate}"/>
            <div th:text="${settlement.settlementPremium}"/>
            <div th:if="${settlement.settlementStatus} eq '1'">待结算</div>
            <div th:if="${settlement.settlementStatus} eq '2'">已开票</div>
            <div th:if="${settlement.settlementStatus} eq '3'">业务款项已确认</div>
            <div th:if="${settlement.settlementStatus} eq '4'">部分结算</div>
            <div th:if="${settlement.settlementStatus} eq '5'">已结算</div>
            <div th:if="${settlement.settlementStatus} eq '6'">业务确认打回</div>
            <div th:if="${settlement.settlementStatus} eq '7'">未生成结算单</div>
            <div th:text="${settlement.payerName}"/>
            <div th:text="${settlement.invoiceDate}"/><!--可能是多个时间，逗号分隔-->
        </div>
    </div>

    <div class="table">
        <div class="table-title">
            <h2 class="table-title-h2">
                <span class="line"></span>
                <span>解付信息</span>
            </h2>
        </div>
        <div class="table-header headers">
            <div>解付单号</div>
            <div>解付时间</div>
            <div>解付金额</div>
            <div>解付状态</div>
            <div>解付公司</div>
        </div>
        <div class="table-header table-content" th:each="payment:${payments}">
            <div th:text="${payment.paymentCode}"/>
            <div th:text="${payment.paymentDate}"/>
            <div th:text="${payment.paymentPreium}"/>
            <div th:text="${payment.paymentStatus}"/>
            <div th:text="${payment.paymentInscompanyName}"/>
        </div>
    </div>
</div>
</body>

</html>